<template>
  <!-- 联系我们 -->
  <view class="contact" @click="contentUs">
    <image src="@/static/images/Order/contact_icon.png"></image>
    联系我们
  </view>
</template>

<script setup lang="ts">
const contentUs = () => {
  console.log("contact");
};
</script>

<style lang="scss" scoped>
@import "../../common.scss";

/*  联系我们 */
.contact {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: $distance 0;
  height: 88px;
  background: #2a2b2d;
  border-radius: 16px;
  font-size: 28px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 40px;
  letter-spacing: 1px;

  image {
    width: 33px;
    height: 33px;
    margin-right: 10px;
  }
}
</style>
